<template>
  <div class='recom-box'>
    <div class='recom-tit'>特产推荐</div>
    <vue-seamless-scroll :data='listData' :class-option='optionSetting' class='seamless-warp'>
      <ul class='item'>
        <li v-for='item in listData' :key='item.indx'>
          <img :src='item.imgUrl' />
        </li>
      </ul>
    </vue-seamless-scroll>
    <div class='recom-tit'>行业动态</div>
    <vue-seamless-scroll :data='list_2Data' :class-option='optionSetting' class='seamless-warp'>
      <ul class='item'>
        <li v-for='item in list_2Data' :key='item.indx'>
          <img :src='item.imgUrl' />
        </li>
      </ul>
    </vue-seamless-scroll>
  </div>
</template>
<style scoped>
.recom-tit {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  font-weight: bold;
}
.recom-box .seamless-warp {
  height: 150px;
  overflow: hidden;
}
ul {
  list-style: none;
  overflow: hidden;
  height: 150px;
}
li {
  height: 150px;
  width: 260px;
}
</style>
<script src="./recommend.js"></script>
